<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>信息修改</title>
</head>

<body>
    <!-- 头部 -->
    <div class="header plr20">
        <!-- 头部箭头（定位） -->
        <span id="headimg" class="headimg iconfont icon-zuojiantou"></span>
        <span>个人资料</span>
    </div>
    <!-- 主体内容 -->
    <div class="plr20">
        <!-- 更换头像 -->
        <div class="changeimg flexm">
            <div id="portraitbox" class="weui-cell weui-cell_access dpflex">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>更改头像</span>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                    <input id="file" type="file" multiple>
                    <img class="portrait" src="../../assets/imgs/ing.gif" alt="">
                </span>
            </div>
        </div>
        <!-- 昵称 -->
        <div class="">
            <label for="js_input2" class="weui-cell weui-cell_active">
                <div class="weui-cell__hd"><span class="weui-label">昵称</span></div>
                <div class="weui-cell__bd weui-flex">
                    <input id="nickName" class="weui-input" type="text" placeholder="请输入昵称" />
                </div>
              </label>
        </div>
        <!-- 性别 -->
        <div class="">
            <div id="genderbox" class="weui-cell weui-cell_access dpflex">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <span>性别</span>
                </span>
                <span id="gender" class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">请选择
                </span>
            </div>
        </div>
        <!-- 生日 -->
        <div id="birthdaybox" class="weui-cell weui-cell_access">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>生日</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="birthday">请选择</span>
        </div>
        <!-- 省份 -->
        <div id="provincebox" class="weui-cell weui-cell_access">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>省份</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="province">请选择</span>
        </div>
        <!-- 城市 -->
        <div id="citybox" class="weui-cell weui-cell_access">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <span>城市</span>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="city">请选择</span>
        </div>
         <!-- 个性签名 -->
         <div class="weui-form__control-area">
            <div class="weui-cells__group weui-cells__group_form">
                <div class="weui-cells__title">个性签名</div>
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cell weui-cell_active">
                        <div class="weui-cell__bd">
                            <textarea id="desc" class="weui-textarea" placeholder="个性签名" rows="3"></textarea>
                            <div role="option" aria-live="polite" class="weui-textarea-counter"><span
                                    id="desclen">0</span>/200</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
         <!-- 按钮 -->
         <a id="savebtn" href="#button_default" role="button" class="weui-btn weui-btn_primary">保存信息</a>
    </div>

</body>

</html>